.user{
	// 开始
	.hideCanvasView {
		position: relative;
	}
	
	.hideCanvas {
		position: fixed;
		top: -99999upx;
		left: -99999upx;
		z-index: -99999;
	}
	
	.flex_row_c_c {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
	
	.modalView {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: 0;
		outline: 0;
		transform: scale(3);
		perspective: 2500upx;
		background: rgba(0, 0, 0, 0.6);
		transition: all .3s ease-in-out;
		pointer-events: none;
		backface-visibility: hidden;
		z-index: 999;
	}
	
	.modalView.show {
		opacity: 1;
		transform: scale(1);
		pointer-events: auto;
	}
	
	.flex_column {
		display: flex;
		flex-direction: column;
	}
	
	.backgroundColor-white {
		background-color: white;
	}
	
	.border_radius_10px {
		overflow: hidden;
		border-radius: 10px;
		padding: 0;
		margin: 0;
	}
	
	.posterImage {
		width: 60vw;
	}
	
	.flex_row {
		display: flex;
		flex-direction: row;
	}
	
	.marginTop2vh {
		margin-top: 2vh;
	}
	
	// 海报结束
	.top{
		width: 100%;
		height: 468rpx;
		background-image: url(~@/static/images/bg/userbg.png);
		background-size: 100% 100%;
		color: #fff;
		// padding-top: var(--status-bar-height);
		.xinxi{
			padding: 100rpx 0 40rpx 0;
			
			display: flex;
			justify-content: space-between;
			margin: 0 40rpx;
			align-items: center;
			border-bottom: 1px solid rgba(255, 255, 255, 0.33);
			.left{
				display: flex;
				align-items: center;
				image{
					width: 90rpx;
	                height: 90rpx;
				}
				text{
					padding-left: 24rpx;
					font-size: 40rpx;
				}
			}
			.right{
					display: flex;
				align-items: center;
				image{
					width: 30rpx;
	                height: 34rpx;
				}
				text{
					padding-left: 12rpx;
				}
			}
		}
		.botoom{
			padding: 0 120rpx;
			display: flex;
			justify-content: space-between;
			padding-top: 30rpx;
			view{
				width: 200rpx;
				text-align: center;
				image{
					width: 92rpx;
	height: 92rpx;
				}
				view{
					padding-top: 10rpx;
				}
			}
		}
	}
	.list{
		.list-item{
			height: 100rpx;
			display: flex;
		
			justify-content: space-between;
			  height: 100rpx;
			  align-items: center;
			  margin: 0 40rpx;
			  border-bottom: 2rpx solid rgba(0, 9, 18, 0.07);
			  
			.left{
				display: flex;
				align-items: center;
					font-size: 32rpx;
					color: #000000;
				
				text{
					// padding-left: 30rpx;
				}
			}
			.right{
				image{
					width: 20rpx;
					height: 30rpx;
				}
			}
		}
	}
}